<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="动检通智慧云平台"/>
    <meta name="author" content="牧中(上海)物联网科技有限公司"/>
    <link rel="shortcut icon" href="/webjars/images/favicon.png"/>
    <link rel="stylesheet" href="/webjars/js/layui/css/layui.css" media="all">
</head>
<style>
    span{
        color: #666666;
    }
    .layui-inline{
        padding-top: 10px;
        width: 340px;
    }
    body{
        background-color: #F6F6F6;
    }
</style>
<body>


<div class="layui-tab">
    <ul class="layui-tab-title">
        <li class="layui-this">理赔信息</li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show" style="padding-left: 120px;margin-top: 40px">
            <div class="layui-form-item">
                <div class="layui-inline">
                    理赔单据号:&nbsp&nbsp

                    <span th:text="${claimsSettlement.number}"></span>

                </div>
                <div class="layui-inline">
                    保单号码:&nbsp&nbsp

                    <span th:text="${claimsSettlement.insured_number}"></span>

                </div>
                <div class="layui-inline">
            </div>

            <div class="layui-form-item">
                <div class="layui-inline" style="width: 689px;">
                    出险地点:&nbsp&nbsp

                    <span th:text="${claimsSettlement.address}"></span>

                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    出险日期:&nbsp&nbsp

                    <span th:text="${#dates.format(claimsSettlement.case_date,'yyyy-MM-dd hh:mm:ss')}"></span>

                </div>
                <div class="layui-inline">
                    保险端受理人:&nbsp&nbsp

                    <span th:text="${claimsSettlement.receiver_name}"></span>

                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    被保险人:&nbsp&nbsp

                    <span th:text="${claimsSettlement.breed_factory_name}"></span>

                </div>
                <div class="layui-inline">
                    手机号:&nbsp&nbsp

                    <span th:text="${claimsSettlement.phone}"></span>

                </div>
            </div>


            <div class="layui-form-item">
                <div class="layui-inline">
                    保险的项目:&nbsp&nbsp

                    <span th:text="${claimsSettlement.item}"></span>

                </div>
                <div class="layui-inline">
                    数量:&nbsp&nbsp

                    <span th:text="${claimsSettlement.amount}"></span>

                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    累计索赔次数:&nbsp&nbsp

                    <span th:text="${claimsSettlement.claims_count}"></span>

                </div>
                <div class="layui-inline">
                    累计索赔金额:&nbsp&nbsp

                    <span th:text="${claimsSettlement.claims_money}"></span>

                </div>
            </div>

        </div>

    </div>
</div>
</div>

<script src="/webjars/js/layui/layui.js" charset="utf-8"></script>
<script>
    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
        var element = layui.element;

        //…
    });
</script>
</body>
</html>